$C.Extend(['Archetype.component.graphicalComponent'],
{
    name : "shuttle5.components.sidebar",
    setup: {
        dependencies: {
            components: {
            },
            html: {
                main: "shuttle5.templates.sidebarView"
            },
            lib: [],
            css: []


        }


    },
    initialize: function() {
        this.anchor=$('#roster');
        this.render(this.anchor);
        $('#rosterToggler').click(function() {
            $('#roster').toggleClass('maximized');
            $('#roster').toggleClass('minimized');
            $('#main').toggleClass('max');
            $('#main').toggleClass('min');
            console.log('clicked');
            return false;
        });
    }
});
